.index-container {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

/* 头部搜索框 */
.index-search {
    width: calc(100% - 52px);
    margin: 24px 26px 0;
    padding: 0 15px;
    border-radius: 14px;
    background-color: rgba(115,167,171,.07);
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    .index-search-img {
        width: 16px;
        height: 16px;
        margin-left: 15px;
        display: block;
    }
    .index-search-ipt {
        width: 100%;
        height: 20px;
        line-height: 20px;
        margin: 0;
        padding: 14px 0;
        font-size: 12px;
        border: none;
        background-color: transparent;
    }
    .index-search-ipt:-moz-placeholder {
        color:#A6A6BD;
    }
    .index-search-ipt::-webkit-input-placeholder {
        color:#A6A6BD;
    }
    .index-search-ipt::-moz-placeholder {
        color:#A6A6BD;
    }
    .index-search-ipt:-ms-input-placeholder {
        color:#A6A6BD;
    }
}

/* 车队 —— 详情 */
.index-team-subtit {
    margin: 24px 0 16px 0;
    padding: 0 26px;
    font-size: 16px;
    font-weight: 400;
}
.index-team-info {
    width: calc(100% - 52px);
    margin-left: 26px;
    margin-right: 26px;
    padding: 14px 27px;
    border-top-left-radius: 36px;
    border-top-right-radius: 36px;
    box-shadow: 0px -20px 28px 1px rgba(184,196,212,0.25);
    box-sizing: border-box;
    .index-team-list {
        height: 16px;
        line-height: 16px;
        padding: 8px 0;
        font-size: 12px;
        color: #2D3748;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

/* 卡片 —— 车辆列表 && 司机列表 && 订单记录 */
.index-card {
    width: calc(100% - 52px);
    margin: 0 26px 20px;
    padding: 10px 23px;
    border-radius: 17px;
    // box-shadow: 0px 0px 9px 3px rgba(42,42,68,.1);
    box-shadow: 0px 2px 15px 0px rgba(45,55,72,0.11);
    box-sizing: border-box;
    .index-card-list {
        line-height: 12px;
        padding: 10px 0;
        font-size: 12px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .index-card-name {
        height: 12px;
        line-height: 12px;
        font-size: 14px;
        font-weight: 600;
        display: inline-block;
    }
    .index-card-vin {
        height: 12px;
        line-height: 12px;
        font-size: 14px;
        font-weight: 600;
        display: inline-block;
    }
    .index-card-status-green {
        height: 12px;
        line-height: 12px;
        color: #0CBD7F;
        display: inline-block;
        position: relative;
        &::before {
            content: '';
            display: block;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: #0CBD7F;
            position: absolute;
            left: -20px;
            top: 1px;
        }
    }
    .index-card-status-grey {
        height: 12px;
        line-height: 12px;
        color: #A4B7D8;
        display: inline-block;
        position: relative;
        &::before {
            content: '';
            display: block;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: #A4B7D8;
            position: absolute;
            left: -20px;
            top: 1px;
        }
    }
    .index-card-status-red {
        height: 12px;
        line-height: 12px;
        color: #FF6E6E;
        display: inline-block;
        position: relative;
        &::before {
            content: '';
            display: block;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: #FF6E6E;
            position: absolute;
            left: -20px;
            top: 1px;
        }
    }
    .index-card-status-yellow {
        height: 12px;
        line-height: 12px;
        color: #FFC20B;
        display: inline-block;
        position: relative;
        &::before {
            content: '';
            display: block;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: #FFC20B;
            position: absolute;
            left: -20px;
            top: 1px;
        }
    }
    .index-card-state {
        height: 12px;
        line-height: 12px;
        color: #0CBD7F;
        display: inline-block;
    }
}
.index-card-last {
    margin-bottom: 0;
}
